<template>
    <div class="adv-row">
        <el-image
            :src="src"
            fit="cover"
            :alt="alt"
            style="width: 100%; height: 100%;"
        ></el-image>

        <a class="btn" :href="href" :style="btnStyle">
            {{text}}
        </a>
    </div>
</template>

<script>
export default {
    props: {
        src: {
            type: String,
            default: '',
        },
        alt: {
            type: String,
            default: '惠标E站',
        },
        btnStyle: {
            type: Object,
            default: () => ({}),
        },
        text: {
            type: String,
            default: '立即购买',
        },
        href: {
            type: String,
            defualt: '#',
        },
    },
    data() {
        return {

        };
    },
};
</script>

<style lang="scss">
.adv-row{
    height: 140px;
    background: #171615;
    position: relative;
    margin-top: 8px;
    border-radius: 6px;
    overflow: hidden;

    .btn{
        position: absolute;
        font-size: 14px;
        font-weight: bold;
        color: #181818;
        line-height: 1em;
        padding: 14px 22px;
        background: #edcf9f;
        right: 200px;
        top: 48px;
        border-radius: 23px;
    }
}
</style>